
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="OrcasThemes">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<title>Home</title>
<!-- Bootstrap core CSS -->
<link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">
<!-- Custom styles for this template -->
<link rel="stylesheet" href="{% static 'css/screen.css' %}">
<link rel="stylesheet" href="{% static 'css/animation.css' %}">
<!--[if IE 7]>

<![endif]-->
<link rel="stylesheet" href="{% static 'css/font-awesome.css' %}">
<!--[if lt IE 8]>
<link rel="stylesheet" href="{% static 'css/ie.css' %}" type="text/css" media="screen, projection">
<![endif]-->
<link href="{% static 'css/lity.css' %}" rel="stylesheet">
</head>
<body>
<!-- HOME 1 -->
<div id="home1" class="container-fluid standard-bg">
 <!-- HEADER -->
 <div class="row header-top">
	<div class="col-lg-3 col-md-6 col-sm-5 col-xs-8">
	   <a class="main-logo" href="#"><img src="{% static 'img/main-logo.png' %}" class="main-logo img-responsive" alt="Muvee Reviews" title="Muvee Reviews"></a>
	</div>
	<div class="col-lg-6 hidden-md text-center hidden-sm hidden-xs">
	   <img src="{% static 'img/banners/banner-sm.jpg' %}" class="img-responsive" alt="Muvee Reviews Video Magazine HTML5 Bootstrap">
	</div>
	<div class="col-lg-3 col-md-6 col-sm-7 hidden-xs">
	   <div class="right-box">
		  <button type="button" class="access-btn" data-toggle="modal" data-target="#enquirypopup">获取免费访问</button>
	   </div>
	</div>
 </div>
 <!-- MENU -->
 <div class="row home-mega-menu ">
	<div class="col-md-12">
	   <nav class="navbar navbar-default">
		  <div class="navbar-header">
			 <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse">
			 <span class="sr-only">Toggle navigation</span>
			 <span class="icon-bar"></span>
			 <span class="icon-bar"></span>
			 <span class="icon-bar"></span>
			 </button>
		  </div>
		  <div class="collapse navbar-collapse js-navbar-collapse megabg dropshd ">
			 <ul class="nav navbar-nav">
				<li><a href="index.html">主页</a></li>
				<li><a href="single-video.html">发布视频</a></li>
				<li><a href="single-page.html">单页 - 基本</a></li>
				<li><a href="single.html">单页 - 带图像</a></li>
				<li><a href="login.html">登录</a></li>
				<li><a href="gallery-video-boxed.html">画廊</a></li>
				<li><a href="contact.html">联系我们</a></li>
			 </ul>
			 <ul class="social">
				<li class="social-facebook"><a href="#" class="fa fa-facebook social-icons"></a></li>
				<li class="social-google-plus"><a href="#" class="fa fa-google-plus social-icons"></a></li>
				<li class="social-twitter"><a href="#" class="fa fa-twitter social-icons"></a></li>
				<li class="social-youtube"><a href="#" class="fa fa-youtube social-icons"></a></li>
				<li class="social-rss"><a href="#" class="fa fa-rss social-icons"></a></li>
			 </ul>
			 <div class="search-block">
				<form action="{% url 'film_app:search' %}" method="post">
                    {% csrf_token %}
				   <input type="search" name="keyword" placeholder="Search">
				</form>
			 </div>
		  </div>
		  <!-- /.nav-collapse -->
	   </nav>
	</div>
 </div>
 </div>






{% block body%}

{% endblock%}



<div id="footer" class="container-fluid footer-background">
 <div class="container">
	<footer>
	   <!-- SECTION FOOTER -->
	   <div class="row">
		  <!-- SOCIAL -->
		  <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
			 <div class="row auto-clear">
				<div class="col-md-12">
				</div>
				<div class="col-md-12">
				   <ul class="social">
					  <li class="social-facebook"><a href="#" class="fa fa-facebook social-icons"></a></li>
					  <li class="social-google-plus"><a href="#" class="fa fa-google-plus social-icons"></a></li>
					  <li class="social-twitter"><a href="#" class="fa fa-twitter social-icons"></a></li>
					  <li class="social-youtube"><a href="#" class="fa fa-youtube social-icons"></a></li>
					  <li class="social-rss"><a href="#" class="fa fa-rss social-icons"></a></li>
				   </ul>
				</div>
				<div class="col-md-12">
				   <p>Aliquam feugiat turpis quis felis adipiscing, non pulvinar odio lacinia. Aliquam elementum pharetra fringilla. Duis blandit, sapien in semper vehicula, tellus elit gravida odio, ac tincidunt nisl mi at ante. Vivamus tincidunt nunc nibh. Duis blandit, sapien in semper vehicula</p>
				</div>
			 </div>
		  </div>
		  <!-- TAGS -->
		  <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
			 <h2 class="title">流行的标签</h2>
			 <ul class="footer-tags">
				<li><a href="#">视频</a></li>
                        <li><a href="#">额外费用</a></li>
                        <li><a href="#">头发</a></li>
                        <li><a href="#">美女</a></li>
                        <li><a href="#">排行</a></li>
                        <li><a href="#">生活方式</a></li>
                        <li><a href="#">运动</a></li>
                        <li><a href="#">钱</a></li>
                        <li><a href="#">评论</a></li>
			 </ul>
		  </div>
		  <!-- POST -->
		  <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
			 <h2 class="title">PREMIUM inside?</h2>
			 <div class="row auto-clear">
				<div class="col-lg-6 col-md-6 col-sm-6 post post-medium">
				   <div class="thumbr">
					  <a class="post-thumb" href="" data-lity title="Video Title Goes Here">
						 <span class="play-btn-border" title="Play"><i class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
						 <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
						 <img class="img-responsive" src="{% static 'img/thumbs/thumb-s.jpg' %}" alt="#">
					  </a>
				   </div>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6 post post-medium">
				   <div class="thumbr">
					  <a class="post-thumb" href="" data-lity title="Video Title Goes Here">
						 <span class="play-btn-border" title="Play"><i class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
						 <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
						 <img class="img-responsive" src="{% static 'img/thumbs/thumb-s2.jpg' %}" alt="#">
					  </a>
				   </div>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6 post post-medium">
				   <div class="thumbr">
					  <a class="post-thumb" href="" data-lity title="Video Title Goes Here">
						 <span class="play-btn-border" title="Play"><i class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
						 <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
						 <img class="img-responsive" src="{% static 'img/thumbs/thumb-s4.jpg' %}" alt="#">
					  </a>
				   </div>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6 post post-medium">
				   <div class="thumbr">
					  <a class="post-thumb" href="" data-lity title="Video Title Goes Here">
						 <span class="play-btn-border" title="Play"><i class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
						 <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
						 <img class="img-responsive" src="{% static 'img/thumbs/thumb-s3.jpg' %}" alt="#">
					  </a>
				   </div>
				</div>
			 </div>
		  </div>
		  <!-- LINKS -->
		  <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
			 <h2 class="title">最受关注</h2>
			 <ul class="footer-menu-links">
				<li class="fa fa-chevron-right"><a href="#">关于我们</a></li>
				<li class="fa fa-chevron-right"><a href="#">分类</a></li>
				<li class="fa fa-chevron-right"><a href="#">特征</a></li>
				<li class="fa fa-chevron-right"><a href="#">网页</a></li>
				<li class="fa fa-chevron-right"><a href="#">画廊</a></li>
			 </ul>
		  </div>
	   </div>
	   <div class="row copyright-bottom text-center">
		  <div class="col-md-12 text-center">
			 <a href="" class="footer-logo" title="Video Magazine Bootstrap HTML5 template">
			 <img src="{% static 'img/footer-logo.png' %}" class="img-responsive text-center" alt="Video Magazine Bootstrap HTML5 template">
			 </a>
			 <p>版权所有©2017。公司名称保留所有权利。<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
		  </div>
	   </div>
	</footer>
 </div>
</div>
<!-- JAVA SCRIPT -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="{% static 'js/jquery-1.12.1.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/lity.js' %}"></script>
<script>
 $(".nav .dropdown").hover(function() {
   $(this).find(".dropdown-toggle").dropdown("toggle");
 });
</script>
<!-- MODAL -->
<div id="enquirypopup" class="modal fade in " role="dialog">
 <div class="modal-dialog">
	<!-- Modal content-->
	<div class="modal-content row">
	   <div class="modal-header custom-modal-header">
		  <button type="button" class="close" data-dismiss="modal">×</button>
		  <h2 class="icon"><i class="fa fa-television" aria-hidden="true"></i>free access</h2>
	   </div>
	   <div class="modal-body">
		  <form name="info_form" class="form-inline" action="#" method="post">
			 <div class="form-group col-sm-12">
				<input type="text" class="form-control" name="name" id="name" placeholder="Enter Name">
			 </div>
			 <div class="form-group col-sm-12">
				<input type="email" class="form-control" name="email" id="email" placeholder="Enter Email">
			 </div>
			 <div class="form-group col-sm-12">
				<button class="subscribe-btn pull-right" type="submit" title="Subscribe">Subscribe</button>
			 </div>
		  </form>
	   </div>
	</div>
 </div>
</div>


<!-- //here ends scrolling icon -->
</body>
</html>